<template>
  <div class="dc-page-design-comp-item dc-draggable-handler">
    <div class="dc-page-design-comp-item-icon">
      <IconView :name="config.icon" />
    </div>
    <div class="dc-page-design-comp-item-name">
      {{ config.name }}
    </div>
  </div>
</template>

<script setup>
import { computed } from 'vue'
import IconView from '@/components/icon-view/index.vue'

const props = defineProps({
  data: {
    type: Object,
    default: null
  }
})

const config = computed(() => {
  if (!props.data) {
    return {}
  }
  return props.data
})
</script>

<style lang='scss' scoped>
</style>
